<!-- 搜索框 -->
<template>
	<view class="">
		<uni-search-bar placeholder="请输入xx商品" v-model="valuese" @confirm="search" @input="input" @cancel="cancel" />
		<uni-search-bar radius="100" placeholder="自定义圆角" @confirm="search" />
	</view>
</template>
<script>
	export default {
		data() {
			return {
				valuese: ''
			}
		},
		components: {},
		methods: {
			// 点击搜索按钮触发
			search() {
				console.log('搜索按钮触发' + this.valuese.value)
			},
			// 输入框变化事件
			input() {
				console.log('输入框变化事件' + this.valuese.value)
			},
			// 点击取消按钮触发
			cancel() {
				console.log('取消按钮触发' + this.valuese.value)
			}
		},
		mounted() {}
	}
</script>
<style scoped>

</style>
